<template>
  <div class="flex flex-wrap gap-4">
    <!-- 👉 xs -->
    <ABtn class="text-xs">
      text-xs
    </ABtn>

    <!-- 👉 Default -->
    <ABtn>Default</ABtn>

    <!-- 👉 xl -->
    <ABtn class="text-xl">
      text-xl
    </ABtn>

    <!-- 👉 2xl -->
    <ABtn class="text-2xl">
      text-2xl
    </ABtn>
  </div>
</template>
